<template>
  <div class="line">
    <KiEchart :options="options"/>

  </div>
</template>

<script setup lang="ts">
import KiEchart from '../ki-echart/KiEchart.vue';

const props = defineProps({
  data:{
    type:Object,
    required:true
  }
})
const options = {
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: props.data.xData
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: props.data.yData,
      type: 'line',
      areaStyle: {}
    }
  ]
};
</script>

<style scoped>

</style>